<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Contact</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!--===============================================================================================-->

		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="static/css/material-design-iconic-font.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="static/css/icon-font.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="static/css/animate.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="static/css/hamburgers.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="static/css/animsition.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="static/css/select2.min.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="static/css/perfect-scrollbar.css">
		<!--===============================================================================================-->
		<link rel="stylesheet" type="text/css" href="static/css/util.css">
		<link rel="stylesheet" type="text/css" href="static/css/main.css">
		<!--===============================================================================================-->
	</head>
	<body class="animsition">

		<!-- Header -->
		<header class="header-v4">
			<!-- Header desktop -->
			<div class="container-menu-desktop">


				<div class="wrap-menu-desktop how-shadow1">
					<nav class="limiter-menu-desktop container">

						<!-- Logo desktop -->
						<a href="#" class="logo">
							<img src="static/picture/logo-01.png" alt="IMG-LOGO">
						</a>

						<!-- Menu desktop -->
						<div class="menu-desktop">
							<ul class="main-menu">
								<li class="active-menu">
									<a href="index.html">首页</a>
								</li>

								<li>
									<a href="contact.html">联系</a>
								</li>
							</ul>
						</div>

						<!-- Icon header -->
						<div class="wrap-icon-header flex-w flex-r-m">
							<div class="icon-header-item cl2 hov-cl1 trans-04 p-l-22 p-r-11 js-show-modal-search">
								<i class="zmdi zmdi-search"></i>
							</div>

							<div class="icon-header-item cl2 hov-cl1 trans-04 p-l-22 p-r-11 icon-header-noti js-show-cart"
								data-notify="2">
								<i class="zmdi zmdi-shopping-cart"></i>
							</div>

							<a href="#" class="icon-header-item cl2 hov-cl1 trans-04 p-l-22 p-r-11 icon-header-noti"
								data-notify="0">
								<i class="zmdi zmdi-favorite-outline"></i>
							</a>
						</div>
					</nav>
				</div>
			</div>

			<!-- Header Mobile -->
			<div class="wrap-header-mobile">
				<!-- Logo moblie -->
				<div class="logo-mobile">
					<a href="index.html"><img src="static/picture/logo-01.png" alt="IMG-LOGO"></a>
				</div>

				<!-- Icon header -->
				<div class="wrap-icon-header flex-w flex-r-m m-r-15">
					<div class="icon-header-item cl2 hov-cl1 trans-04 p-r-11 js-show-modal-search">
						<i class="zmdi zmdi-search"></i>
					</div>

					<div class="icon-header-item cl2 hov-cl1 trans-04 p-r-11 p-l-10 icon-header-noti js-show-cart"
						data-notify="2">
						<i class="zmdi zmdi-shopping-cart"></i>
					</div>

					<a href="#" class="dis-block icon-header-item cl2 hov-cl1 trans-04 p-r-11 p-l-10 icon-header-noti"
						data-notify="0">
						<i class="zmdi zmdi-favorite-outline"></i>
					</a>
				</div>

				<!-- Button show menu -->
				<div class="btn-show-menu-mobile hamburger hamburger--squeeze">
					<span class="hamburger-box">
						<span class="hamburger-inner"></span>
					</span>
				</div>
			</div>


		
			<!-- Modal Search -->
			<div class="modal-search-header flex-c-m trans-04 js-hide-modal-search">
				<div class="container-search-header">
					<button class="flex-c-m btn-hide-modal-search trans-04 js-hide-modal-search">
						<img src="static/picture/icon-close2.png" alt="CLOSE">
					</button>

					<form class="wrap-search-header flex-w p-l-15">
						<button class="flex-c-m trans-04">
							<i class="zmdi zmdi-search"></i>
						</button>
						<input class="plh3" type="text" name="search" placeholder="Search...">
					</form>
				</div>
			</div>
		</header>

		<!-- Cart -->
		<div class="wrap-header-cart js-panel-cart">
			<div class="s-full js-hide-cart"></div>
		
			<div class="header-cart flex-col-l p-l-65 p-r-25">
				<div class="header-cart-title flex-w flex-sb-m p-b-8">
					<span class="mtext-103 cl2">
						你的购物车
					</span>
		
					<div class="fs-35 lh-10 cl2 p-lr-5 pointer hov-cl1 trans-04 js-hide-cart">
						<i class="zmdi zmdi-close"></i>
					</div>
				</div>
				
				<div class="header-cart-content flex-w js-pscroll">
					<ul class="header-cart-wrapitem w-full">
						<li class="header-cart-item flex-w flex-t m-b-12">
							<div class="header-cart-item-img">
								<img src="static/picture/g1.png" alt="IMG">
							</div>
		
							<div class="header-cart-item-txt p-t-8">
								<a href="#" class="header-cart-item-name m-b-18 hov-cl1 trans-04">
									
		
								萌萌哒小熊花盒 
								</a>
		
								<span class="header-cart-item-info">
									1 x $19.00
								</span>
							</div>
						</li>
		
						<li class="header-cart-item flex-w flex-t m-b-12">
							<div class="header-cart-item-img">
								<img src="static/picture/g2.png" alt="IMG">
							</div>
		
							<div class="header-cart-item-txt p-t-8">
								<a href="#" class="header-cart-item-name m-b-18 hov-cl1 trans-04">
									平面心形玫瑰香皂花礼盒
								</a>
		
								<span class="header-cart-item-info">
									1 x $39.00
								</span>
							</div>
						</li>
		
						<li class="header-cart-item flex-w flex-t m-b-12">
							<div class="header-cart-item-img">
								<img src="static/picture/g3.png" alt="IMG">
							</div>
		
							<div class="header-cart-item-txt p-t-8">
								<a href="#" class="header-cart-item-name m-b-18 hov-cl1 trans-04">
									宠爱你小圆盒
								</a>
		
								<span class="header-cart-item-info">
									1 x $17.00
								</span>
							</div>
						</li>
					</ul>
					
					<div class="w-full">
						<div class="header-cart-total w-full p-tb-40">
							总共: $75.00
						</div>
		
						<div class="header-cart-buttons flex-w w-full">
							<a href="index.html" class="flex-c-m stext-101 cl0 size-107 bg3 bor2 hov-btn3 p-lr-15 trans-04 m-r-8 m-b-10">
								返回
							</a>
		
							<a href="index.html" class="flex-c-m stext-101 cl0 size-107 bg3 bor2 hov-btn3 p-lr-15 trans-04 m-b-10">
								结算
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!-- Title page -->
		<section class="bg-img1 txt-center p-lr-15 p-tb-92" style="background-image: url('static/image/bg-01.jpg');">
			<h2 class="ltext-105 cl0 txt-center">
				联系我们
			</h2>
		</section>


		<!-- Content page -->
		<section class="bg0 p-t-104 p-b-116">
			<div class="container">
				<div class="flex-w flex-tr">
					<div class="size-210 bor10 p-lr-70 p-t-55 p-b-70 p-lr-15-lg w-full-md">
						<form>
							<h4 class="mtext-105 cl2 txt-center p-b-30">
								发信息给我们
							</h4>

							<div class="bor8 m-b-20 how-pos4-parent">
								<input class="stext-111 cl2 plh3 size-116 p-l-62 p-r-30" type="text" name="email"
									placeholder="你的地址">
								<img class="how-pos4 pointer-none" src="static/picture/icon-email.png" alt="ICON">
							</div>

							<div class="bor8 m-b-30">
								<textarea class="stext-111 cl2 plh3 size-120 p-lr-28 p-tb-25" name="msg"
									placeholder="我们能帮助你什么?"></textarea>
							</div>

							<button class="flex-c-m stext-101 cl0 size-121 bg3 bor1 hov-btn3 p-lr-15 trans-04 pointer">
								提交
							</button>
						</form>
					</div>

					<div class="size-210 bor10 flex-w flex-col-m p-lr-93 p-tb-30 p-lr-15-lg w-full-md">
						<div class="flex-w w-full p-b-42">
							<span class="fs-18 cl5 txt-center size-211">
								<span class="lnr lnr-map-marker"></span>
							</span>

							<div class="size-212 p-t-2">
								<span class="mtext-110 cl2">
									地址
								</span>

								<p class="stext-115 cl6 size-213 p-t-18">
									云南省昆明市
								</p>
							</div>
						</div>

						<div class="flex-w w-full p-b-42">
							<span class="fs-18 cl5 txt-center size-211">
								<span class="lnr lnr-phone-handset"></span>
							</span>

							<div class="size-212 p-t-2">
								<span class="mtext-110 cl2">
									电话
								</span>

								<p class="stext-115 cl1 size-213 p-t-18">
									+1 800 1236879
								</p>
							</div>
						</div>

						<div class="flex-w w-full">
							<span class="fs-18 cl5 txt-center size-211">
								<span class="lnr lnr-envelope"></span>
							</span>

							<div class="size-212 p-t-2">
								<span class="mtext-110 cl2">
									邮件
								</span>

								<p class="stext-115 cl1 size-213 p-t-18">
									2752592@qq.com
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>


		<!-- Map -->
		<div class="map">
			<div class="size-303" id="google_map" data-map-x="40.691446" data-map-y="-73.886787"
				data-pin="images/icons/pin.png" data-scrollwhell="0" data-draggable="1" data-zoom="11"></div>
		</div>



		<!-- Footer -->
		<!-- Footer -->
			<footer class="bg3 p-t-75 p-b-32">
				<div class="container">
					<div class="row">
						<div class="col-sm-6 col-lg-3 p-b-50">
							<h4 class="stext-301 cl0 p-b-30">
								Categories
							</h4>
		
							<ul>
								<li class="p-b-10">
									<a href="#" class="stext-107 cl7 hov-cl1 trans-04">
										玫瑰花
									</a>
								</li>
		
								<li class="p-b-10">
									<a href="#" class="stext-107 cl7 hov-cl1 trans-04">
										百合花
									</a>
								</li>
		
								<li class="p-b-10">
									<a href="#" class="stext-107 cl7 hov-cl1 trans-04">
										满天星
									</a>
								</li>
		
								<li class="p-b-10">
									<a href="#" class="stext-107 cl7 hov-cl1 trans-04">
										白玫瑰
									</a>
								</li>
							</ul>
						</div>
		
						<div class="col-sm-6 col-lg-3 p-b-50">
							<h4 class="stext-301 cl0 p-b-30">
								帮助
							</h4>
		
							<ul>
								<li class="p-b-10">
									<a href="#" class="stext-107 cl7 hov-cl1 trans-04">
										商家
									</a>
								</li>
		
								<li class="p-b-10">
									<a href="#" class="stext-107 cl7 hov-cl1 trans-04">
										地址 
									</a>
								</li>
		
								<li class="p-b-10">
									<a href="#" class="stext-107 cl7 hov-cl1 trans-04">
										商品
									</a>
								</li>
		
								<li class="p-b-10">
									<a href="#" class="stext-107 cl7 hov-cl1 trans-04">
										花店
									</a>
								</li>
							</ul>
						</div>
		
						<div class="col-sm-6 col-lg-3 p-b-50">
							<h4 class="stext-301 cl0 p-b-30">
								GET IN TOUCH
							</h4>
		
							<p class="stext-107 cl7 size-201">
								Any questions? Let us know in store at 8th floor, 379 Hudson St, New York, NY 10018 or call us on (+1) 96 716 6879
							</p>
		
							<div class="p-t-27">
								<a href="#" class="fs-18 cl7 hov-cl1 trans-04 m-r-16">
									<i class="fa fa-facebook"></i>
								</a>
		
								<a href="#" class="fs-18 cl7 hov-cl1 trans-04 m-r-16">
									<i class="fa fa-instagram"></i>
								</a>
		
								<a href="#" class="fs-18 cl7 hov-cl1 trans-04 m-r-16">
									<i class="fa fa-pinterest-p"></i>
								</a>
							</div>
						</div>
		
						<div class="col-sm-6 col-lg-3 p-b-50">
							<h4 class="stext-301 cl0 p-b-30">
								Newsletter
							</h4>
		
							<form>
								<div class="wrap-input1 w-full p-b-4">
									<input class="input1 bg-none plh1 stext-107 cl7" type="text" name="email" placeholder="email@example.com">
									<div class="focus-input1 trans-04"></div>
								</div>
		
								<div class="p-t-18">
									<button class="flex-c-m stext-101 cl0 size-103 bg1 bor1 hov-btn2 p-lr-15 trans-04">
										Subscribe
									</button>
								</div>
							</form>
						</div>
					</div>
		
					<div class="p-t-40">
						
		
						<p class="stext-107 cl6 txt-center">
							<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
		Copyright &copy; 2022.Company name All rights reserved.F51</a> 
		<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
		
						</p>
					</div>
				</div>
			</footer>
		<!-- Back to top -->
		<div class="btn-back-to-top" id="myBtn">
			<span class="symbol-btn-back-to-top">
				<i class="zmdi zmdi-chevron-up"></i>
			</span>
		</div>

		<!--===============================================================================================-->
		<script src="static/js/jquery-3.2.1.min.js"></script>
		<!--===============================================================================================-->
		<script src="static/js/animsition.min.js"></script>
		<!--===============================================================================================-->
		<script src="static/js/popper.js"></script>
		<script src="static/js/bootstrap.min.js"></script>
		<!--===============================================================================================-->
		<script src="static/js/select2.min.js"></script>
		<script>
			$(".js-select2").each(function() {
				$(this).select2({
					minimumResultsForSearch: 20,
					dropdownParent: $(this).next('.dropDownSelect2')
				});
			})
		</script>
		<!--===============================================================================================-->
		<script src="static/js/jquery.magnific-popup.min.js"></script>
		<!--===============================================================================================-->
		<script src="static/js/perfect-scrollbar.min.js"></script>
		<script>
			$('.js-pscroll').each(function() {
				$(this).css('position', 'relative');
				$(this).css('overflow', 'hidden');
				var ps = new PerfectScrollbar(this, {
					wheelSpeed: 1,
					scrollingThreshold: 1000,
					wheelPropagation: false,
				});

				$(window).on('resize', function() {
					ps.update();
				})
			});
		</script>
		<!--===============================================================================================-->
		<!-- script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAKFWBqlKAGCeS1rMVoaNlwyayu0e0YRes"></script> -->
		<script src="static/js/map-custom.js"></script>
		<!--===============================================================================================-->
		<script src="static/js/main.js"></script>

	</body>
</html>
